<template>
<Header id="xx"></Header>
  <News></News>
  <Footer id='yy'></Footer>
</template>

<script>
import {defineComponent} from "vue";
import Header from "@/components/Header.vue";
import Footer from "@/components/Footer.vue";
import News from "@/components/News/New.vue";

export default defineComponent({
  components: {Footer, Header,News}
})
</script>

<style>
	#xx{
		margin-top:0px
	}
	#yy{
		margin-bottom:0px
	}
.home{
  min-height: calc(100vh - 100px); /* 100vh - 50px(页眉) - 50px(页脚) */
  width: 99%;
  padding-top: 50px; /* 页眉的高度 */
  padding-bottom: 50px; /* 页脚的高度 */
}
</style>
